@import "_function.less";
@import "normalize.css";

.batchload
.header {
  .h(88);
  div {
    float: left;
    .h(88);
  }
  .return {
    width: 40%;
    i {
      float: left;
      .ml(66);
      .fs(45);
      .lh(88);
      color: #666666;
    }
    .title {
      float: left;
      .ml(22);
      .fs(32);
      .lh(88);
      color: #666666;
    }
  }
  .right {
    width: 60%;
    .get-on{
      position: relative;
      .mr(66);
      .fs(28);
      .lh(88);
      float: right;
      color: #666666;
      .status{
        position: absolute;
        .r(-18);
        top: 50%;
        .mt(-34);
        .w(32);
        .h(32);
        .fs(20);
        .lh(32);
        color: #ffffff;
        text-align: center;
        border-radius: 50%;
        background-color: #5ebbff;
      }
    }
  }
}
.batchload
.head{
  .h(82);
  box-shadow: #a9a9a9 0 1px 1px 0;
  ul{
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content:space-between;
    .h(82);
    .lh(82);
    .p(0,66,0,66);
    li{
      .fs(28);
      color: #666666;
    }
    .on{
      font-weight: bold;
      color: #5ebbff;
    }
  }
}
.batchload
.item{
  .h(96);
  .lh(96);
  .p(0,66,0,66);
  border-bottom: #e9e9e9 2px solid;
  img{
    float: left;
    .w(45);
    .h(45);
    .m(26,20,26,0);
  }
  p{
    float: left;
    .h(96);
    .fs(20);
    color: #666666;
    span{
      .fs(28);
      .mr(30);
    }
    i{
      .ml(12);
      font-style: normal;
    }
  }
}
.batchload
.footer{
  .h(96);
  width: 100%;
  position: fixed;
  .b(0);
  background-color: #ffffff;
  box-shadow: #a9a9a9 0 -1px 1px 0;
  div{
    float: left;
    .h(96);
  }
  .left,.center{
    width: 30%;
  }
  .left{
    box-sizing: border-box;
    border-right: #eaeaea 1px solid;
    img{
      float: left;
      .w(45);
      .h(45);
      .mt(25);
      .mb(25);
      .ml(64);
      .mr(10);
    }
    span{
      float: left;
      .fs(32);
      .lh(96);
      color: #888888;
    }
  }
  .center{
    p{
      .fs(20);
      .mt(12);
      .lh(36);
      .p(0,30,0,30);
      color: #666666;
      text-align: center;
    }
  }
  .right{
    width: 40%;
    background-color: #5ebbff;
    span{
      display: block;
      .fs(36);
      .lh(96);
      color: #ffffff;
      text-align: center;
    }
  }
}